<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jsonp原理</title>
</head>
<body>
    <!-- <script src="./jquery.js"></script> -->

    <script>
        // jsonp原理：  script标签的src属性不受同源策略限制 来加载获取数据
        // 允许跨域时候
    // $.ajax({
    //     url:"http://localhost:8888/",
    //     dataType:"jsonp",
    //     jsonpCallback:"callback",
    //     jsonp:"callback",
    //     success:res=> console.log(res),
    //     fail: err=> console.log(err)  
    // })


    // function callback(data) {
    //     console.log(data);
        
    // }


    // jsonp原理：  script标签的src属性不受同源策略限制 来加载获取数据
        function callback(data) {
            console.log(data);
            
        }


    </script>
    <script src="http://localhost:8888/"></script>
</body>
</html>